<template>
  <div>
        <el-button type="primary" plain>新增设备型号</el-button>
        <el-table
            ref="table"
            @select="onSelectChange"
            :data="tableData"
            style="width: 100%"
        >
            <el-table-column
                label="序号"
                type="index"
                width="180"
            ></el-table-column>
            <el-table-column
                prop="equipSupplier"
                label="设备厂商"
                width="180"
            />
            <el-table-column prop="equipType" label="设备型号" width="300" />
            <el-table-column prop="capacity" label="理论产能" width="180" />
            <el-table-column prop="machiningCongfig" label="加工配置" />
            <el-table-column label="操作">
                <template #default="scope">
                    <el-button
                        link
                        type="primary"
                        size="small"
                        @click="handleDetail(scope.row)"
                        >编辑</el-button
                    >
                    <el-button link type="danger" size="small">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination
            layout="prev, pager, next"
            @current-change="handleTableChange"
            :total="total"
        >
        </el-pagination>

        <!-- <zxtable-modal ref="modalForm"></zxtable-modal> -->
        <EquipEdit ref="modalForm"></EquipEdit>
    </div>
</template>

<script>
import { ZxListMixin } from '@/utils/mixins/ZxListMixin'
import ZxtableModal from "@/components/demo/ZxtableModal";
import EquipEdit from "./EquipEdit"
export default {
  name: "EquipTable",
  mixins: [ZxListMixin],
  components: { 
    ZxtableModal,
    EquipEdit,
   },
  data() {
    return {
      tableData: [
        {
            equipSupplier:"成都固特",
            equipType:"锯切套丝弯曲一体机G839",
            capacity:"XXXXXX",
            machiningCongfig:"锯切、套丝、弯曲",
        },
        {
            equipSupplier:"成都固特",
            equipType:"剪切机G583",
            capacity:"XXXXXX",
            machiningCongfig:"剪切",
        },
        {
            equipSupplier:"成都固特",
            equipType:"立式弯曲机G892",
            capacity:"XXXXXX",
            machiningCongfig:"弯曲",
        },
        {
            equipSupplier:"成都固特",
            equipType:"手动剪切机",
            capacity:"XXXXXX",
            machiningCongfig:"剪切",
        },
    ],
      queryParam: {
        name: '',
        region: '',
        dateValue:'',
        value2: '',
        pageSize: 15
      },
      title: '',

      url: {
        list: '/dashboard/projectInfo'
      }

    }
  },
  created() {

  },
  mounted() {

  },
  methods: {

    txt(){
      console.log(11111)
    }
  }
}
</script>

<style scoped>

</style>